<center><form method="post"><table border="0" cellpadding="0" cellspacing="0"><tbody>

<tr>           <td width="100%"><textarea cols="100" name="charcount" rows="12"></textarea> </td>         </tr>
<tr>           <td><div align="center"><input class="BeH2" onclick="countit(this)" onmouseout="this.className='BeH2'" onmouseover="this.className='BeH2 BeH2hov'" type="button" value="Click To Count Them" /> <input class="BeH1" name="displaycount" /><br />
<br />
</div><br />
</td>         </tr>
</tbody></table></form></center><br />
<style>
/*-------Form----*/

input.BeH11 {
color:#CF4125;
font:14px verdana,sans-serif;
background-color:#fff;
border:2px solid #CF4125;
height:40px;
}

input.BeH11hov {
border:2px solid #56ABFF;
}

input.BeH1 {
color:#CF4125;
font:18px verdana,sans-serif;
background-color:#fff;
border:2px solid #CF4125;
height:40px;
width:50px;
}

input.BeH1hov {
border:1px dotted #CF4125;
cursor:pointer;
}

.textarea2 {
width:400px;
height:40px;
color: #CF4125;
font:12px arial;
background:#fff;
border:2px solid #CF4125; }

/*----Meta ----*/
textarea {
width:100%;
color: #CF4125;
font:14px sans-serif, verdana;
background:#fff;
border:2px solid #CF4125; }
textarea:hover {
border:2px solid #666;
}

input.BeH3 {
color:#000;
font: normal 12px  sans-serif, verdana;
border:2px solid #CF4125;
background:#C9E4FF;
}

input.BeH3:hover {
color:#289728;
font: normal 12px sans-serif, verdana;
border-left:5px solid #289728;
background:#fff;
}

input.BeH4 {
color:#3C3C3C;
font: normal 12px sans-serif, arial;
border:2px solid #67A7E3;
background:#C9E4FF;
margin-bottom:4px;
}

input.BeH4:hover {
color:#289728;
border:1px solid #CF4125;
background:#fff;
}

/*-------Form2----*/

input.BeH2 {
color:#fff;
font: bold 17px  'trebuchet ms',helvetica,sans-serif;
border:2px solid #67A7E3;
background:#67A7E3;
height:40px;
width:300px;
}

input.BeH2hov {
color:#fff;
font: bold 17.25px 'trebuchet ms',helvetica,sans-serif;
border:1px solid #67A7E3;
background:#CF4125;

}
</style><br />
<br />
<br />

<br />
<script type="text/javascript">
//<![CDATA[

//Character count script
function countit(what){
formcontent=what.form.charcount.value
what.form.displaycount.value=formcontent.length
}


//Meta tag generator
<!-- hide the script
function create(form) {
  if (confirm("Are you sure?")) {
    form.story.value = "Copy the codes below and insert them " +
      "just below Google and Yahoo verification codes below <head> Tag.\n\n"; 
    if (form.input1.value != "") {
      form.story.value +="<b:if cond='data:blog.url == data:blog.homepageUrl'>\n<meta NAME=\"Description\" CONTENT=\"" + 
      form.input1.value + "\" />\n</b:if>\n";
    }
    if (form.input2.value != "") {
      form.story.value +="<meta NAME=\"Keywords\" CONTENT=\"" + 
      form.input2.value + "\" />\n";
    }
    if (form.input3.value != "") {
      form.story.value +="<meta NAME=\"Author\" CONTENT=\"" + 
      form.input3.value + "\" />\n";
    }
    if (form.input4.value != "") {
      form.story.value +="<meta NAME=\"Robots\" CONTENT=\"" + 
      form.input4.options[form.input4.selectedIndex].value + "\" />\n";
    }
  }
}

function about() {

  msg=open("about.html","DisplayWindow","toolbar=no,width=280,height=420,directories=no,status=no,scrollbars=yes,resize=no,menubar=no");
}

// end hiding contents from old browsers  -->


//]]>
</script>